<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <!-- 引入重置样式表 -->
  <link rel="stylesheet" href="../css/reset.css" />
  <!-- 引入公共样式表 -->
  <link rel="stylesheet" href="../css/common.css" />
  <!-- 引入当前页面样式表 -->
  <link rel="stylesheet" href="../css/list.css" />
  <!-- 引入轮播样式表 -->
  <link rel="stylesheet" href="../css/slider.css" />
  <!--引入JQ-->
  <script src="../lib/jquery.js"></script>
  <!--引入轮播JS-->
  <script src="../lib/jquery.slidebox.js"></script>
  <!--引入当前页面JS-->
  <script src="../js/list.js"></script>
  <body>
    <!-- 页头 -->
    <div class="header">
      <div class="container-fluid1 bc10">
        <div class="header-top dispflx container f1-justify">
          <img src="../imgs/logo.jpg" class="absolute" />
          <p class="cfff">legochina.cn</p>
          <p class="cfff">
            欢迎光临<a href="#">乐购</a>，请 <a href="#">登陆</a>\<a href="#"
              >注册</a
            >
          </p>
        </div>
      </div>
      <!-- 购物车加搜索框 -->
      <div class="shopcar container dispflx jcontent mt5">
        <form action="" class="search dispflx">
          <input type="text" placeholder="创意文具" class="ti5" />
          <input type="submit" class="bcf60" />
        </form>
        <div class="shopcar1 dispflx">
          <a href="./shopCar.html" class="cfff"
            >购物车
            <span>3</span>
          </a>
          <a href="#" class="c80 font16">我的订单</a>
        </div>
      </div>

      <div class="container head-nav font16">
        <ul class="dispflx fnobld jcontent">
          <li><a href="./index.html">首页</a></li>
          <li><a href="#">图书</a></li>
          <li><a href="#">原创文学</a></li>
          <li><a href="#">服装</a></li>
          <li><a href="#">户外运动</a></li>
          <li><a href="#">孕婴童</a></li>
          <li><a href="#">家居</a></li>
          <li><a href="#">创意文具</a></li>
          <li><a href="#">地方特产</a></li>
          <li><a href="#">海外购</a></li>
          <li><a href="#">电器城</a></li>
        </ul>
      </div>
    </div>
    <!-- 菜单-广告图 -->
    <div class="smenu container dispflx">
      <div class="smenu-left">
        <div class="pptbox fl" id="slider">
          <ul class="innerwrapper">
            <li>
              <a href="#">
                <img src="../imgs/banner1.jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../imgs/banner2.jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../imgs/banner3.jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../imgs/banner4.jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../imgs/banner5.jpg" />
              </a>
            </li>
          </ul>
          <ul class="controls">
            <li class="current">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
          </ul>
          <span class="btnleft"></span>
          <span class="btnright"></span>
        </div>
      </div>

      <div class="smenu-right">
        <h2 class="font22 fnormal ti15 cefff ba93">热卖畅销</h2>
        <!-- 内容 -->
        <ul>
          <li class="relative">
            <div class="dispflx xbox">
              <a href="#"
                ><img src="../imgs/23579654-1_l.jpg" alt="" class="fl"
              /></a>
              <p>《三体》刘慈欣 一场科幻的史诗 风暴</p>
            </div>
            <span class="absolute">1</span>
          </li>
          <script>
            for (let i = 0; i < 6; i++) {
              document.write(`
                         <li class="relative">
                            <div class="dispflx">
                        <a href="#"><img src="../imgs/index08_05.jpg" alt="" class="fl"></a>
                        <p >
                            《从你的世界路
过》

                        </p>
                    </div>
                    <span class="absolute">${i+2}</span>
                        </li>
                         `);
            }
          </script>
        </ul>
      </div>
      
    </div>
    <p class="container"><img src="../imgs/7346353.jpg" ></p>
    <!-- 图书折扣 -->
    <div class="goods container">
      <div class="title  dispflx f1-justify">
        <h2 class="font24 fnormal cf60 actvu">乐购·图书折扣区</h2>
    </div>
    <ul class=" dispflx flwrap ggul">
     <script>
       for (let i = 0; i < 6; i++) {
         document.write(`
         <li>
        <a href="#" ><img src="../imgs/5553-1_l.jpg" ></a>
        <img src="../imgs/limitTime.jpg">
        <p class="c3">白夜行  东野上吾</p>
        <p ><img src="../imgs/4747_03.jpg"></p>
        <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
         
      </li>
         `)
         
       }
     </script>
     <script>
      for (let i = 0; i < 6; i++) {
        document.write(`
        <li>
       <a href="#" ><img src="../imgs/22788959-1_l.jpg" ></a>
       <img src="../imgs/limitTime.jpg">
       <p class="c3">白夜行  东野上吾</p>
       <p ><img src="../imgs/4747_03.jpg"></p>
       <p class="font24 cf60">&yen;:30<del class="c80 font14 mt10">&yen;:46</del></p>
        
     </li>
        `)
        
      }
    </script>
    </ul>
    </div>

    <!-- 新书上架 -->
    <div class="new-book container  dispflx f1-justify">
      <div class="newbook-left">
      <div class="title  dispflx f1-justify">
        <h2 class="font24 fnormal"><span class="actvu newspan">新</span>书上架</h2>
      </div>
      <ul class=" dispflx flwrap">
        <script>
          for (let i = 0; i < 5; i++) {
            document.write(`
            <li>
           <a href="#" ><img src="../imgs/55532.jpg" ></a>
           <p class="c3">查理 斯密斯</p>
           <p class="c80">中国邮电出版社</p>
           <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
            
         </li>
            `)
            
          }
        </script>
        <script>
          for (let i = 0; i < 5; i++) {
            document.write(`
            <li>
           <a href="#" ><img src="../imgs/22499729-1_l_5.jpg" ></a>
           <p class="c3">查理 斯密斯</p>
           <p class="c80">中国邮电出版社</p>
           <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
            
         </li>
            `)
            
          }
        </script>
        
       </ul>
      
    </div>
    <div  class="newbook-right">
      <h3 class="c80 font20 tcenter">主编推荐</h3>
      <ul>
        <li class="relative">
          <span class="cf60 absolute">1</span>
          <p class="font16 linep boox-rr">就喜欢你看不惯我  又干不</p>
          <div class=" shijie">
            <div class="dispflx">
              <img src="../imgs/index08_05.jpg" alt="">
              <p class="c80">
                  从你的世界路过
                  入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
              </p>
          </div>
          </div>
        </li>
       <script>
         for (let i = 0; i < 7; i++) {
          document.write(`
          <li class="relative">
          <span class="cf60 absolute">${i+2}</span>
          <p class="font16 linep ">就喜欢你看不惯我  又干不</p>
          <div class=" boox-rr  shijie">
            <div class="dispflx">
              <img src="../imgs/index08_05.jpg" alt="">
              <p class="c80">
                  从你的世界路过
                  入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
              </p>
          </div>
          </div>
        </li>
          `)
           
         }
       </script>
      </ul>

     </div>
    </div>

   <div class="soLe container">
    <div class="title  dispflx f1-justify">
      <h2 class="font24 fnormal"><span class="actvu newspan">独</span>家提供</h2>
      <ul class="book-ul dispflx font18">
        <li class="actvu">货币金融</li>
        <li>社会文学</li>
        <li>科学技术</li>
        <li>儿童文学</li>
        <li>教学参辅</li>
        <li>生活</li>
        <li>小说</li>
      </ul>
    </div>
    <!-- <ul class=" dispflx flwrap ggul">
      <script>
        for (let i = 0; i < 6; i++) {
          document.write(`
          <li>
            <a href="#" ><img src="../imgs/pro-demo.jpg" ></a>
           <p class="c3">查理 斯密斯</p>
           <p class="c80">中国邮电出版社</p>
           <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
          
       </li>
          `)
          
        }
      </script>
      <script>
       for (let i = 0; i < 6; i++) {
         document.write(`
         <li>
          <a href="#" ><img src="../imgs/031-1_l.jpg" ></a>
           <p class="c3">查理 斯密斯</p>
           <p class="c80">中国邮电出版社</p>
           <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
         
      </li>
         `)
         
       }
     </script>
     </ul> -->

     <div class="pptbox fl soLe-lunbo">
      <ul class="innerwrapper">
        <li>
           <ul class=" dispflx flwrap ggul">
      <script>
        for (let i = 0; i < 6; i++) {
          document.write(`
          <li>
            <a href="#" ><img src="../imgs/pro-demo.jpg" ></a>
           <p class="c3">查理 斯密斯</p>
           <p class="c80">中国邮电出版社</p>
           <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
          
       </li>
          `)
          
        }
      </script>
      <script>
       for (let i = 0; i < 6; i++) {
         document.write(`
         <li>
          <a href="#" ><img src="../imgs/031-1_l.jpg" ></a>
           <p class="c3">查理 斯密斯</p>
           <p class="c80">中国邮电出版社</p>
           <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
         
      </li>
         `)
         
       }
     </script>
     </ul>

        </li>
        <li>
          <ul class=" dispflx flwrap ggul">
     <script>
       for (let i = 0; i < 6; i++) {
         document.write(`
         <li>
           <a href="#" ><img src="../imgs/77-1_l_1.jpg" ></a>
          <p class="c3">查理 斯密斯</p>
          <p class="c80">中国邮电出版社</p>
          <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
         
      </li>
         `)
         
       }
     </script>
     <script>
      for (let i = 0; i < 6; i++) {
        document.write(`
        <li>
         <a href="#" ><img src="../imgs/love.jpg" ></a>
          <p class="c3">查理 斯密斯</p>
          <p class="c80">中国邮电出版社</p>
          <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
        
     </li>
        `)
        
      }
    </script>
    </ul>

       </li>
       <li>
        <ul class=" dispflx flwrap ggul">
   <script>
     for (let i = 0; i < 6; i++) {
       document.write(`
       <li>
         <a href="#" ><img src="../imgs/5553-1_l.jpg" ></a>
        <p class="c3">查理 斯密斯</p>
        <p class="c80">中国邮电出版社</p>
        <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
       
    </li>
       `)
       
     }
   </script>
   <script>
    for (let i = 0; i < 6; i++) {
      document.write(`
      <li>
       <a href="#" ><img src="../imgs/22499729-1_l_5.jpg" ></a>
        <p class="c3">查理 斯密斯</p>
        <p class="c80">中国邮电出版社</p>
        <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
      
   </li>
      `)
      
    }
  </script>
  </ul>

     </li>
       
      </ul>
      <ul class="controls">
        <li class="current">1</li>
        <li>2</li>
        <li>3</li>
        
      </ul>
      <span class="btnleft"></span>
      <span class="btnright"></span>
    </div>
   </div>
   <div class="loveBox container">
    <div class="title  dispflx f1-justify">
      <h2 class="font24 fnormal"><span class="actvu newspan">猜</span>你喜欢</h2>
     <p class="font16 cf468 cur-poi huan-yi"><img src="../imgs/guess.png">换一批</p>
    </div>
   <div class="lovebox relative">
    <div class="love-ul absolute">
      <ul class="love-li dispflx flwrap ggul ">
        <script>
          for (let i = 0; i < 6; i++) {
            document.write(`
            <li>
              <a href="#" ><img src="../imgs/77-1_l_1.jpg" ></a>
             <p class="c3">查理 斯密斯</p>
             <p class="c80">中国邮电出版社</p>
             <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
            
         </li>
            `)
            
          }
        </script>
        <script>
         for (let i = 0; i < 6; i++) {
           document.write(`
           <li>
            <a href="#" ><img src="../imgs/love.jpg" ></a>
             <p class="c3">查理 斯密斯</p>
             <p class="c80">中国邮电出版社</p>
             <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
           
        </li>
           `)
           
         }
       </script>
       </ul>
       <ul class="love-li dispflx flwrap ggul ">
        <script>
          for (let i = 0; i < 6; i++) {
            document.write(`
            <li>
              <a href="#" ><img src="../imgs/5553-1_l.jpg" ></a>
             <p class="c3">查理 斯密斯</p>
             <p class="c80">中国邮电出版社</p>
             <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
            
         </li>
            `)
            
          }
        </script>
        <script>
         for (let i = 0; i < 6; i++) {
           document.write(`
           <li>
            <a href="#" ><img src="../imgs/22499729-1_l_5.jpg" ></a>
             <p class="c3">查理 斯密斯</p>
             <p class="c80">中国邮电出版社</p>
             <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
           
        </li>
           `)
           
         }
       </script>
       </ul>
       <ul class="love-li dispflx flwrap ggul ">
        <script>
          for (let i = 0; i < 6; i++) {
            document.write(`
            <li>
              <a href="#" ><img src="../imgs/pro-demo.jpg" ></a>
             <p class="c3">查理 斯密斯</p>
             <p class="c80">中国邮电出版社</p>
             <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
            
         </li>
            `)
            
          }
        </script>
        <script>
         for (let i = 0; i < 6; i++) {
           document.write(`
           <li>
            <a href="#" ><img src="../imgs/031-1_l.jpg" ></a>
             <p class="c3">查理 斯密斯</p>
             <p class="c80">中国邮电出版社</p>
             <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
           
        </li>
           `)
           
         }
       </script>
       </ul>
    </div>
   </div>
    
   </div>

   <div class="footer-t container">
      <ul class=" dispflx">
       <script>
         for (let i = 0; i < 6; i++) {
          document.write(`
          <li class=" dispflx">
          <div>
            <p class="c1a font18">人文社科精选</p>
            <p class="c80">书好价优</p>
            <p class="font16">满3件折上7折</p>
          </div>
          <a href="#"><img src="../imgs/4774741.jpg"></a>
        </li>
          `)
           
         }
       </script>
      </ul>
   </div>

    <!-- 页尾 -->
    <div class="footer mb90 container-fluid1">
      <div class="title  dispflx f1-justify"> </div>
      <div class=" dispflx jcontentcnt footer-img bcf2">
        <img src="../imgs/222_11.png"/>
        <img src="../imgs/222_13.png"/>
        <img src="../imgs/222_15.png"/>
        <img src="../imgs/222_17.png"/>
      </div>
      <div class=" dispflx jcontentcnt footer-dl">
        <dl>
            <dt><a href="" class="ziti">购物指南</a></dt>
            <dt><a href="">购物流程</a></dt>
            <dt><a href="">发票制度</a></dt>
            <dt><a href="">账户管理</a></dt>
            <dt><a href="">会员优惠</a></dt>
        </dl>
        <dl>
               <dt><a href="" class="ziti">支付方式</a></dt>
               <dt><a href="">货到付款</a></dt>
               <dt><a href="">网上支付</a></dt>
               <dt><a href="">礼品卡支付</a></dt>
               <dt><a href="">银行转帐</a></dt>
           </dl>
           <dl>
                   <dt><a href="" class="ziti">购物指南</a></dt>
                   <dt><a href="">购物流程</a></dt>
                   <dt><a href="">发票制度</a></dt>
                   <dt><a href="">账户管理</a></dt>
                   <dt><a href="">会员优惠</a></dt>
               </dl>
               <dl>
                       <dt><a href="" class="ziti">支付方式</a></dt>
                       <dt><a href="">货到付款</a></dt>
                       <dt><a href="">网上支付</a></dt>
                       <dt><a href="">礼品卡支付</a></dt>
                       <dt><a href="">银行转帐</a></dt>
                   </dl>
                   <dl class=" relative">
                           <dt><a href="" class="ziti">购物指南</a></dt>
                           <dt><a href="">购物流程</a></dt>
                           <dt><a href="">发票制度</a></dt>
                           <dt><a href="">账户管理</a></dt>
                           <img src="../imgs/logo_00.png" class="absolute footer-logo"/>          
                       </dl>
                      
    </div> 
    <p class=" font14 c80 tcenter line-h30">公司简介  |  Investor Relations  |  网站联盟  |  乐购招商  |  机构销售  |  手机乐购  |  官方Blog   |  热词搜索</p> 
  <p class=" font14 c80 tcenter line-h30">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
  </div > 
  </body>
</html>
